<template>
	<view>
		<view class="c-box">
			<view class="platformCustomerService">
				<image mode="widthFix" class="pBgImg" src="https://m.nocexpo.com/statics/js/modules/h5/img/img40.jpg" />
				<view class="main">
					<view class="h2">诺展平台客服电话</view>
					<view class="ul">
						<view class="li">
							<view class="a" @click="call('4006767260')" href="tel:400-6767260">
								<view class="img">
									<image mode="widthFix" src="https://m.nocexpo.com/statics/js/modules/h5/img/img41.png" />
								</view>
								<view class="tit">
									<view class="h3">400-6767-260</view>
									<view class="nowrap p">展商入驻、直播等问题请致电</view>
								</view>
								<image mode="widthFix" class="phone" src="https://m.nocexpo.com/statics/js/modules/h5/img/img42.png" />
							</view>
						</view>
						<view class="li">
							<view class="a" @click="call('4006767200')" href="tel:400-676 7200">
								<view class="img">
									<image mode="widthFix" src="https://m.nocexpo.com/statics/js/modules/h5/img/img41.png" />
								</view>
								<view class="tit">
									<view class="h3">400-6767-200</view>
									<view  class="nowrap p">投诉、建议等问题请致电</view>
								</view>
								<image mode="widthFix" class="phone" src="https://m.nocexpo.com/statics/js/modules/h5/img/img42.png" />
							</view>
						</view>
					</view>
					<view class="title">
						<view class="h3">关于诺展</view>
						<view class="tit">
							<view class="p">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp诺展平台是诺展科技公开创的数字化会展服务综合平台，依托于互联网大数据资源和展会运营服务经验，融合在线产品展示、线上商城采购、智能供需匹配、展会服务沟通等多种功能。</view>
							<view class="p">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp结合互联网、视频直播、数据分析等技术，最大限度发挥网络技术的优势和创新价值，实现传统线下展览核心功能的数智化、在线化，促进展会供需双方商务对接，获取商机。同时，开创新的商业模式和新的数字化营销，促进会展新经济、新业态发展。</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	</template>

<script>
	import commonApi from '@/utils/commonMethod.js';
	
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			call(phone){
				commonApi.callUp(phone)
			}
		}
	}
</script>

<style>
	.c-box {
	    width: 100vw;
	    margin: 0 auto;
	}
	.platformCustomerService {
	    position: relative;
	}
	.platformCustomerService .pBgImg {
	    position: absolute;
	    z-index: 1;
	}
	.platformCustomerService .main {
	    position: relative;
	    z-index: 2;
	}
	.platformCustomerService .h2 {
	    text-align: center;
	    line-height: 107rpx;
	    color: #fff;
	    font-size: 28rpx;
	}
	.platformCustomerService .ul {
	    padding: 0 28rpx;
	}
	.platformCustomerService .li {
	    background: #fff;
	    border-radius: 9rpx;
	    padding: 23rpx;
	    overflow: hidden;
	    margin-bottom: 18rpx;
	}
	.platformCustomerService .li .img {
	    width: 73rpx;
	    height: 73rpx;
	    float: left;
	}
	image {
	    width: 100%;
	    vertical-align: top;
	}
	.platformCustomerService .li .tit {
	    float: left;
	    margin-left: 23rpx;
	}
	.platformCustomerService .li .tit .h3 {
	    color: #029e9d;
	    font-size: 30rpx;
	}
	.platformCustomerService .li .tit .p {
	    color: #333333;
	    font-size: 22rpx;
	}
	.nowrap {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.platformCustomerService .li .phone {
	    width: 75rpx;
	    height: 43rpx;
	    float: right;
	    margin-top: 14rpx;
	}
	.platformCustomerService .title {
	    padding: 0 28rpx;
	}
	.platformCustomerService .title .h3 {
	    font-size: 32rpx;
	    color: #333333;
	    line-height: 60rpx;
	    position: relative;
	}
	.platformCustomerService .title .tit {
	    padding: 11rpx 0;
	}
	.platformCustomerService .title .p {
	    font-size: 24rpx;
	    color: #8f9aa8;
	    line-height: 36rpx;
	    padding: 11rpx 0;
	}
</style>